


<!DOCTYPE html><html class="no-js" lang="en"><head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>login</title>
    <style data-savepage-href="css/demo.css" type="text/css">*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
    .clearfix:before, .clearfix:after { content: ''; display: table; }
    .clearfix:after { clear: both; }

    body {
        background: #fff;
        color: #383a3c;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.25;
        font-family: 'Raleway', Calibri, Arial, sans-serif;
        margin: 0px;
    }

    a, button {
        outline: none;
    }

    a {
        color: #566473;
        text-decoration: none;
    }

    a:hover, a:focus {
        color: #34495e;
    }

    section {
        padding: 1em;
        text-align: center;
    }

    p.ref {
        text-align: center;
        padding: 2em 1em;
    }</style>
    <!--必要样式-->
    <style data-savepage-href="css/component.css" type="text/css">/* Header */
    .large-header {
        position: relative;
        width: 100%;
        background: #333;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
        z-index: 1;
    }

    .demo-1 .large-header {
        background-image: /*savepage-url=../img/demo-1-bg.jpg*/ url();
    }
    .logo_box{
        width: 400px;
        height: 500px;
        padding: 35px;
        color: #EEE;
        position: absolute;
        left: 50%;
        top:50%;
        margin-left: -200px;
        margin-top: -250px;
    }
    .logo_box h3{
        text-align: center;
        height: 20px;
        font: 20px "microsoft yahei",Helvetica,Tahoma,Arial,"Microsoft jhengHei",sans-serif;
        color: #FFFFFF;
        height: 20px;
        line-height: 20px;
        padding:0 0 35px 0;
    }
    .forms{
        width: 280px;
        height: 485px;
    }
    .logon_inof{
        width: 100%;
        min-height: 450px;
        padding-top: 35px;
        position: relative;
    }
    .input_outer{
        height: 46px;
        padding: 0 5px;
        margin-bottom: 30px;
        border-radius: 50px;
        position: relative;
        border: rgba(255,255,255,0.2) 2px solid !important;
    }
    .u_user{
        width: 25px;
        height: 25px;
        background: /*savepage-url=../img/login_ico.png*/ url();
        background-position:  -125px 0;
        position: absolute;
        margin: 10px 13px;
    }
    .us_uer{
        width: 25px;
        height: 25px;
        background-image: /*savepage-url=../img/login_ico.png*/ url();
        background-position: -125px -34px;
        position: absolute;
        margin: 10px 13px;
    }
    .l-login{
        position: absolute;
        z-index: 1;
        left: 50px;
        top: 0;
        height: 46px;
        font: 14px "microsoft yahei",Helvetica,Tahoma,Arial,"Microsoft jhengHei";
        line-height: 46px;
    }
    .text{
        width: 220px;
        height: 46px;
        outline: none;
        display: inline-block;
        font: 14px "microsoft yahei",Helvetica,Tahoma,Arial,"Microsoft jhengHei";
        margin-left: 50px;
        border: none;
        background: none;
        line-height: 46px;
    }
    /*///*/
    .mb2{
        margin-bottom: 20px
    }
    .mb2 a{
        text-decoration: none;
        outline: none;
    }
    .submit {
        padding: 15px;
        margin-top: 20px;
        display: block;
    }
    .act-but{
        line-height: 20px;
        text-align: center;
        font-size: 20px;
        border-radius: 50px;
        background: #0096e6;
    }</style>
    <!--[if IE]>
    <script src="js/html5.js"></script>
    <![endif]-->

    <link rel="icon" href="">

</head>
<body>
<div class="container demo-1">
    <div class="content">
        <div id="large-header" class="large-header" style="height: 922px;">
            <canvas id="demo-canvas" width="1920" height="922"></canvas>
            <div class="logo_box">
                <h3>欢迎使用本系统</h3>
                <div class="mb2"><a href="{:U('User/login/index')}" class="act-but submit"  style="color: #FFFFFF">登录</a>
                </div>
                <div class="mb2"><a href="{:U('User/register/index')}" class="act-but submit"  style="color: #FFFFFF">注册</a>
                </div>
            </div>
        </div>
    </div><!-- /container -->
    <script src="__TMPL__Public/templates/js/TweenLite.min.js"></script>
    <script src="__TMPL__Public/templates/js/EasePack.min.js"></script>
    <script src="__TMPL__Public/templates/js/rAF.js"></script>
    <script src="__TMPL__Public/templates/js/demo-1.js"></script>

</body></html>